<template>
  <div>
    <button @click="showDetail">详细</button>
    <kunkka-detail-list :lg="6" :gutter="0">
      <template v-slot:action>
        <ux-table-column fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="handleClick(scope.row,scope)">冻结场次</el-button>
          </template>
        </ux-table-column>
      </template>
    </kunkka-detail-list>
  </div>
</template>

<script>
export default {
  data() {
    return {
      table: {
        columns: [{
          label: 'aaaa',
          prop: 'a',
          type: 'input',
          show: true
        }, {
          label: 'bbbb',
          prop: 'b',
          type: 'input',
          show: true
        }, {
          label: 'cccc',
          prop: 'c',
          type: 'input',
          show: true
        }, {
          label: 'dddd',
          prop: 'd',
          type: 'input',
          show: true
        }, {
          label: 'eeee',
          prop: 'e',
          type: 'input',
          show: true
        }, {
          label: 'ffff',
          prop: 'f',
          type: 'input',
          show: true
        }]
      },
      data: [{
        a: '1',
        b: '1',
        c: '1',
        d: '1',
        e: '1',
        f: '1'
      }]
    }
  },
  mounted() {

  },
  methods: {
    showDetail() {
      this.$store.dispatch('kunkkaDetailList/toggleSetModel', {
        visible: true,
        title: '活动明细活动明细',
        tabs: [
          {
            label: '活动明细',
            type: 'table',
            ...this.table,
            data: this.data
          },
          {
            label: '活动明细',
            type: 'table',
            ...this.table,
            data: this.data
          },
          {
            label: '字段组状态-查看',
            type: 'form',
            conditions: [{ 'label': '备注', 'type': 'span', 'prop': 'cbeizhu', 'filter': null, 'format': null, 'opionid': null, 'disabled': false, 'show': true, 'handle': null, 'optionlist': [], 'limit': null, 'multiple': false }, { 'label': '备注', 'type': 'span', 'prop': 'cbeizhu', 'filter': null, 'format': null, 'opionid': null, 'disabled': false, 'show': true, 'handle': null, 'optionlist': [], 'limit': null, 'multiple': false }, { 'label': '备注', 'type': 'span', 'prop': 'cbeizhu', 'filter': null, 'format': null, 'opionid': null, 'disabled': false, 'show': true, 'handle': null, 'optionlist': [], 'limit': null, 'multiple': false }],
            model: { 'startNum': null, 'endNum': null, 'order': null, 'desc': null, 'nstaff': '20008495', 'ddate': '2021-07-07', 'ts': null, 'id': '316', 'czdztz': '', 'cpzzdcn': '工厂', 'cpzzd': 'WERKS2', 'csfbs': '', 'cbeizhu': 'null', 'version': 2, 'stdate': '2021-07-07', 'nzhuid': null, 'cstaff': '郑泽伟', 'tempNstaffid': null }
          }
        ],
        size: '60%'
      })
    }
  }
}
</script>
<style lang="scss">
.Kunkka-collapse-form {
  .el-form-item--mini.el-form-item {
    margin-bottom: 0;
  }
}
</style>
